GOOGLE TAG MANAGER > O que configurar e como?

 

 

 

 

O Google Tag Manager é um recurso que permite automatizar a criação de tags que são inseridas diretamente no código-fonte dos sites e de maneira simplificada. 

As tags são códigos próprios de acompanhamentos ou trechos de códigos (scripts) que auxiliam na execução de alguma atividade. Essas tags podem ser relacionadas aos serviços do próprio Google ou de terceiros.

Exemplos comuns são os provedores de suporte que precisam ser integrados no seu site.

Portanto, para entender o que é o Tag Manager basta pensar em um centralizador desses códigos.

Dessa forma, acompanhar métricas, rastrear a jornada do usuário e implementar pixels para suas campanhas de remarketing será muito mais simples.

 

Por que utilizar o Google Tag Manager?

Além de simplificar tarefas, quem utiliza o Google Tag Manager pode ter outros benefícios, como:

• Implementação de tags com mais segurança: fazer qualquer modificação no código de um site tem seus riscos. No entanto, com o gerenciador de tags do Google você pode adicionar tags com mais segurança.
• Mais autonomia: você não precisa ter conhecimento técnico e ainda pode gerenciar todas as suas tags em um único lugar, sem precisar editar código.
• Definição de estratégia: você pode criar regras a partir dos acionadores e das variáveis.
• Maior organização: com a possibilidade de criação de contêineres, você pode organizar suas ?coleções? ou conjuntos de tags, acionadores, variações e configurações de um site ou aplicativo.

 

 

 

 

Como exemplo, vamos mostrar a configuração das tags do GA4 e do Facebook(META)

 

a) Variáveis

Vamos iniciar preparando as variáveis que vamos precisar

 

Segundo a Google:

Variáveis: são marcadores nomeados para um valor que será alterado, como um nome de produto, um preço ou uma data. Camada de dados: o Gerenciador de tags implementa uma camada de dados para reter valores temporariamente no cliente, para que eles possam ser usados por tags, acionadores e variáveis. Pode procurar mais informações no Google

 

Em nossas palavras, variáveis, são armazenamentos temporários ou definitivos de algum valor que você precisa usar em vários locais, como exemplo, o ID do facebook, ao invés de você digitar o número direto nas tags, você cria um variável e coloca este valor, caso um dia vc precisa alterar, apenas tem que alterar em um local, na variável.

 

a.1) DataLayer - ecommerce.value, vamos passar o valor da venda para o facebook, por isso precisamos dessa variável

Nome: TUTOR - DATALAYER - ecommerce.value

 

a.2) Facebook ID, para usarmos nas tags de facebook

Nome: TUTOR - FACEBOOK ID

 

 

b) Acionadores

Agora vamos criar os acionadores que vamos precisar nas tags

 

Segundo a google:

As tags são disparadas em resposta a eventos. No Gerenciador de tags do Google, um acionador analisa sua página da Web ou app para dispositivos móveis em busca de determinados tipos de evento, como envios de formulário, cliques no botão ou visualizações de página.

 

Em nossas palavras: São a condição para que uma tag seja disparada, como exemplo: Quero disparar a tag X quando a url da página conter: obrigado-compra, isso significa que quando entrar na página que tenha parte da url com o texto obrigado-compra, o tagmanager vai disparar a tag X.

 

a.1) Página de adicionar produto no carrinho

Nome: TUTOR - PAGINA - ADICIONAR

 

a.2) Página de obrigado pela compra com valor maior que zero

Nome: TUTOR - PAGINA - OBRIGADO - VALOR MAIOR QUE ZERO

 

 

a.3) Página de pagamento direto

Nome: TUTOR - PAGINA - PAG

 

 

a.4) Eventos do GA4

Nome: TUTOR - GA4 - TODOS EVENTOS

Nome do evento: view_item_list|view_item|add_to_cart|remove_from_cart|begin_checkout|purchase

 

c) Tags

 

Agora sim vamos criar as tags

 

O que são tags: Uma tag é um pedaço de código adicionado ao seu site para enviar dados a terceiros, como o Google, Facebook. Uma tag também pode ser um código javascript que pode ser incorporado ao seu site.

 

Para usarmos o facebook pixel, precisaremos instalar o Facebook Pixel, para isso siga os passos:

1) Na escolha da tag, clique em "Descubra mais tipos de tag na Galeria..."

2) Filtre por facebook pixel e faça a instalação, seguindo o passo a passo.

 

Agora sim vamos as tags

c.1) Tag para acionar o facebook em todas as páginas

Nome: TUTOR - FACEBOOK - PAGEVIEW

 

c.2 Tag para informar ao facebook que o checkout deu início

Nome: TUTOR - FACEBOOK - INICIO DE CHECKOUT

 

c.3 Tag para informar ao facebook que a compra foi efetuada

Nome: TUTOR - FACEBOOK - COMPRA EFETUADA

c.4 Tag do GA4 enviando as configurações

Nome: TUTOR - GA4 - Configuracao

 

c.5 Tag do GA4 para tratamento dos eventos

Nome: TUTOR - GA4 - Eventos

 

 

Agora sim, você tem seu tagmanager pronto, publique as alterações e acompanhe!